<template>
    <div v-if="user">
        <h2>受保护的页面</h2>
        <p>欢迎，{{ user }}</p>
    </div>
    <div v-else>
        <p>请先登录。</p>
    </div>
</template>

<script>
import axios from 'axios';

export default {
    data() {
        return {
            user: null
        };
    },
    async created() {
        const token = localStorage.getItem('token');
        if (!token) {
            this.$router.push('/login');  // 如果没有token，重定向到登录页面
        } else {
            try {
                const response = await axios.get('http://localhost:5000/', {
                    headers: {
                        Authorization: `Bearer ${token}`  // 将JWT token添加到请求头
                    }
                });
                this.user = response.data;  // 获取用户信息
                console.log(response.data);
                
            } catch (err) {
                localStorage.removeItem('token');  // 如果token无效，删除并重定向到登录页面
                this.$router.push('/login');
            }
        }
    }
}
</script>

<style scoped>
/* 添加样式 */
</style>